<!DOCTYPE html >
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>马面溯源</title>
<link href="css.css" rel="stylesheet" media="screen" type="text/css" />
</head>
	<style>
	    .nav{
			background:#5C0001;
			width:75%;
			float:right;
		}
		.nav a{
			color:#FFFFFF;
			padding:14.5px 20px;
			display: inline-block;
			float:center;
		}
		.nav a:hover{
			background:#FFFFFF;
			color:#5C0001;
		}
		.nav01{
			background:#5C0001;
			width:75%;
			float:right;
		}
		.nav01 a{
			float:right;
			color:#FFFFFF;
			padding:0px 15px 8px 0px;
			display: inline-block;
		}
		.nav01 a:hover{
			background:#FFFFFF;
			color:#5C0001;
		}
	</style>
<body>
<div class="con">
  <div class="head">
    <div class="logo"><img src="images/logo (2).jpg"/></a></div>
    <div class="nav">
      <ul>
        <a href="index.html">首页 </a>
        <a href="马面溯源.html">马面溯源 </a>
        <a href="../../马面课设-裙褶之美/裙褶之美.html">裙褶之美 </a>
       
        <a href="../../马面裙网设-历久弥新/马面裙网设/HTML/历久弥新.html">历久弥新 </a>
        <a href="留言建议.html">留言建议 </a>
      </ul>
    </div>
	<div class="nav01">
		 <ul>
			 <a href="../../登录界面/登录/登录界面.html">登录</a>
		 </ul>
	  </div>
    <div class="clear"></div>
    <!------------------ end nav--------------------------->
    <div class="clear"></div>
  </div>
  <div class="clear"></div>
  <div class="main">
    <div class="left">
     
      <div class="search">
        <input class="s_input" />
      </div>
      
    <!------------------ end nav--------------------------->
    </div>
    <!------------------ end left--------------------------->
      </div>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            display: flex;
            justify-content: center;
            background-color: rgb(206, 161, 71);
        }
        .wrap{
            width: 1000px;
            position: relative;
            top:-450px;
        }
        .wrap::after{
            content: '';
            position: absolute;
            top: -100px;
            left: 50%;
            width: 5px;
            z-index: -999;
            height: 1000px;
            background-color: rgba(71, 10, 10, 0.5);
        }
        .box{
            position: relative;
            width: 100%;
            height: 120px;
            margin-bottom: 100px;
            display: flex;
            justify-content: space-between;
        }
        .left,.right{
            position: relative;
            width: 40%;
            height: 250px;
            border-radius: 15px;
            text-align: center;
            color: rgb(90, 90, 90);
            /* background-color: rgba(255,255,255,.5); */
        }
        .box:nth-child(even) .left{
            background-color: rgba(253, 250, 250, 0.4);
            
        }
        .box:nth-child(odd) .right{
            background-color: rgba(255,255,255,.4);
            
        }
        .center{
            width: 55%;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .center>span{
            width: 120px;
            border-radius: 10px;
            text-align:center;
            font: 900 24px '';
            line-height: 60px;
            background-color: #fff;
        }
    </style>
<body>
    <div class="wrap">
        <div class="box">
            <div class="left"></div>
            <div class="center"><span>
             <a href="../../马面课设-马面溯源/马面溯源/宋代.html">宋代</a>   
            </span></div>
            <div class="right">- 起源与发展：马面裙雏形为旋裙，因便于女子骑驴而设计，由两片独立裙裾合成，部分叠合后缝到裙腰上  。
                - 款式特点：裙子前后开胯，便于活动，多为纯色，无过多装饰，整体风格较为朴素实用。
                - 文化意义：体现了当时社会对女性服饰实用性的关注，以及女性在社会活动中的角色变化，开始追求一定的行动自由。
            </div>
        </div>

        <div class="box">
            <div class="left">流行与演变：马面裙在明代成化年间达到巅峰并定型，成为当时女子的特色服饰，且裙式多样 。
                - 款式特点：为两片式、四裙门结构，两侧打褶，中间裙门重合形成光面“马面”。明代马面裙注重褶裥与装饰性裙襕，裙襕有膝襕和底襕之分，纹样题材多为吉祥图案 。
                - 文化意义：反映了明代社会的繁荣和文化的发展，体现了当时人们对服饰装饰性和审美性的追求，也体现了等级制度在服饰上的体现，不同阶级的马面裙在面料、装饰等方面有明显差异 。
            </div>
            <div class="center"><span>
                <a href="../../马面课设-马面溯源/马面溯源/明代.html">明代</a>   
            </span></div>
            <div class="right"></div>
        </div>

        <div class="box">
            <div class="left"></div>
            <div class="center"><span>
                <a href="../../马面课设-马面溯源/马面溯源/清代.html">清代</a>  
            </span></div>
            <div class="right">发展与变化：实行“男从女不从”政策，马面裙成为汉族女性的标志性着装，并进一步细分出多种样式。
                - 款式特点：风格更华丽富贵，色彩丰富，如月华裙受欢迎。裙身或无褶或打细褶裥，还出现了鱼鳞状褶裥等工艺。注重裙门和裙边装饰，采用打籽绣、盘金绣等多种工艺，装饰图案丰富多样  。
                - 文化意义：体现了清代汉族女性服饰文化的传承与发展，融合了满汉服饰文化的特点，同时也反映了当时社会的审美观念和文化氛围，强调华丽、繁缛的装饰风格 。
            </div>
        </div>

        <div class="box">
            <div class="left"> 变革与传承：初期仍保留清代风格，但随着时代变迁逐渐简化。
                - 款式特点：扣合方式增加塑料纽扣，裙子变短，裙摆和裙幅缩减，装饰减少，开始流行细窄条边装饰。后期款式进一步简化，两个裙腰合并为一个，甚至不再有褶裥，只保留裙门 。
                - 文化意义：反映了民国时期社会的变革和文化的西化趋势，传统服饰文化受到西方文化的冲击，马面裙在传承中逐渐演变，适应时代的发展  。
            </div>
            <div class="center"><span>
                <a href="../../马面课设-马面溯源/马面溯源/民国.html">民国</a>  
            </span></div>
            <div class="right"></div>
        </div>
</html>